<template>
    <div>
     <mt-swipe :auto="4000">
            <!-- 在组件中使用v-for 循环必须使用key -->
            <!-- 谁使用轮播图 谁传递 lunbotuList -->
            <!-- 此时lunbotuList 应该是父组件向子组件传值 来设置-->
          <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
             <img :src="item.img" alt="" :class="{full:isfull}">
          </mt-swipe-item>
        </mt-swipe>
    </div>

</template>
<script>
export default{ 
    props:["lunbotuList", "isfull"]
}
</script>
<style lang="scss" scoped>
.mint-swipe {
  height: 200px;

  .mint-swipe-item {
      text-align: center;
    &:nth-child(1) {
      background-color: red;
    }
    &:nth-child(2) {
      background-color: yellow;
    }
    &:nth-child(3) {
      background-color: blue;
    }
    img {
      height: 100%;
      width: 100%;
    }
  }
}
.full{
    width: 100%;
}
</style>

